<!-- saved from url=(0075)file:///C:/Users/yi/Desktop/%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99/index.html -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
	<title>IceDurian</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> 
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<style>
  *{
    margin: 0;
    padding: 0;
  }
</style>
</head>
<body>
  <div class="main-wrapper">
   <header>
   	<nav>
   	    <div class="logo"><a href=""><img src="images/logo.png" alt=""></a></div>
   		<ul>
   		    
   			<li><a href="#">首页</a>
   			<li><a href="#one">个人能量</a>
   			<li><a href="#two">经历</a>
   			<li><a href="#three">This's me!</a>
   		</ul>
   	</nav>
   	<div id="banner">
   		<div class="inner">
        <div class="touxiang">
          <img src="images/touxiang.jpg" alt="">
        </div>
   			<h1>夜深…人静</h1>
        <p>Icedurian</p>
        <hr></hr>
   			<p class="sub-heading">
        一个只专注于前端开发还会做点美工的程序er</p>
   			<button class="wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;" data-wow-delay="0.5s"><a href="#three">Contact Me</a></button>
   		</div>
   	</div>
   </header>

   <div class="content">
   	   <section id="one" class="first wow slideInRight" data-wow-delay="0.5s">
   	         <div class="wrapper">
   	         	     <h1>About Me</h1>
                   <div class="hr" style="width:30%"></div>
   	         	  	<h2  class="wow fadeInLeft" data-wow-delay="0.5s">小小宇宙大大能量</h2>
   	         	  	<div class="hr"></div>
   	         	  	<p class="sub-heading">徽商职业学院，自动化专业</p>
                  <p>主修前端开发，html5、css3和jQuery</p>
   
   	         	  <div class="icon-group wow fadeInRight" data-wow-delay="0.5s">
   	         	  	<span class="icon"><img src="images/icon1.png" alt=""></span>
   	         	  	<span class="icon"><img src="images/icon2.png" alt=""></span>
   	         	  	<span class="icon"><img src="images/icon3.png" alt=""></span>
                  <span class="icon"><img src="images/icon4.png" alt=""></span>

   	         	  </div>
   	         </div>
         </section>

   	   <section id="two" class="second">
              <div class="wenzhang">
                <div class="img-section wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
                   <img src="images/pic01.jpg" alt="">
                </div>
                <div class="text-section">
                   <h2>第九届全国计算机设计大赛</h2>
                   <div class="sub-heading">
                      《雾霭的事》
                   </div>
                   <p class="wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;" data-wow-delay="0.5s">召集舍友进行的一次即兴发挥，三个没有美术功底的小白一个星期各种埋头找素材，一帧一帧地调整，到一个成型的flash动画，其实，挑战也是一种乐趣吧。</p>
               </div>
            </div> 

            <div class="wenzhang">
               
               <div class="text-section">
                   <h2>第十三届安徽省多媒体大赛</h2>
                   <div class="sub-heading">
                      《IT个性化学习网站》
                   </div>
                   <p class="wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;" data-wow-delay="0.5s">第一次真正去做一个完整的网站项目，美工和前端开发都是一才全新的尝试，从什么都不懂到一步步去查资料去学，虽然很辛苦，不过框架出来的一瞬间成就感要爆炸。</p>
               </div>
               <div class="img-section wow fadeInRight" data-wow-delay="0.5s">
                   <img src="images/pic02.jpg" alt="">
               </div>
            </div>  

             <div class="wenzhang">
                <div class="img-section wow fadeInLeft" data-wow-delay="0.5s">
                   <img src="images/pic03.jpg" alt="">
                </div>
                <div class="text-section">
                   <h2>路在脚下</h2>
                   <div class="sub-heading">
                      继续打酱油咯
                   </div>
                   <p class="wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;" data-wow-delay="0.5s">旅游这个东西，一旦迈出了退就根本收不住脚，宁愿少吃一顿多  去一个地方，也心甘情愿。</p>
               </div>
            </div> 

            
         </section>

       <section id="three" class="third">
        <div class="wrapper">
          <div class="heading-wrapper wow rollIn" data-wow-delay="0.4s">
             <h2>This is me!</h2>
             <div class="hr"></div>
             <div class="sub-heading">
                一个憧憬走遍天下的吃货
             </div>
             </div>
          <div class="card-group clearfix">
              <div class="wrapper1 wow fadeInLeft" data-wow-delay="0.5s">
             <figure class="card1">
             <img src="images/card1.jpg" alt="">
             <figcaption>
                 <h3>Low</h3>
                 <p>永远都不out的无敌剪刀手</p>
                 <div></div>
             </figcaption>

             </figure> 
             <figure class="card1">
             <img src="images/card2.jpg" alt="">
             <figcaption>
                 <h3>无肉不欢</h3>
                 <p>走到哪吃到哪，哪天吧全天下的好吃</p>
                 <p>的都吃完了，这辈子就心满意足好了~</p>
                 <div></div>
             </figcaption>
             </figure>
             </div>
              
              <div class="wrapper2 wow fadeInRight" data-wow-delay="2s">
              <figure class="card1">
             <img src="images/card3.jpg" alt="">
             <figcaption>
                 <h3>酷爱体育</h3>
                 <p>很享受在球场上肆意挥洒汗水的感觉</p>
                 <div></div>
             </figcaption>
             </figure> 

             <figure class="card1">
             <img src="images/card4.jpg" alt="">
             <figcaption>
                 <h3>南海是中国的领土</h3>
                 <p>犯我中华者，虽远必诛</p>
                 <div></div>
             </figcaption>
             </figure> 
             </div>
            
            <div class="wrapper3 wow fadeInLeft" data-wow-delay="4s">
              <figure class="card1">
             <img src="./images/card5.png" alt="">
             <figcaption>
                 <h3>编编编</h3>
                 <p>夜里与代码共眠再正常不过啦</p>
                 <div></div>
             </figcaption>
             </figure> 

              <figure class="card1">
             <img src="images/card6.jpg" alt="">
             <figcaption>
                 <h3>浪浪浪</h3>
                 <p>大学希望能把其他的都点亮了</p>
                 <div></div>
             </figcaption>
             </figure> 
             </div>

          </div>
         </div>
         
       </section> 
  
  
   <footer>
      <ul class="share-group">
         <li><img src="images/item1.png" alt=""></li>
         <li><img src="images/item2.png" alt=""></li>
         <li><img src="images/item3.png" alt=""></li>
         <li><img src="images/item4.png" alt=""></li>
      </ul>
      <div class="banquan">
        <p>1518678988@qq.com</p>
        <p> &amp;IceDurian - 2016 小管出品！</p>
      </div>
   </footer>

  </div>


 

</div></body></html>